<template>
  <div class="grid-row sm:grid-cols-2 place-items-stretch">
    <!-- 👉 text-xs -->
    <AInput
      class="text-xs col-start-1"
      placeholder="text-xs "
    />

    <!-- 👉 text-sm -->
    <AInput
      class="text-sm col-start-1"
      placeholder="text-sm "
    />

    <!-- 👉 default -->
    <AInput
      class="text-base col-start-1"
      placeholder="default"
    />

    <!-- 👉 text-lg -->
    <AInput
      class="text-lg col-start-1"
      placeholder="text-lg "
    />

    <!-- 👉 text-xl -->
    <AInput
      class="text-xl col-start-1"
      placeholder="text-xl "
    />
  </div>
</template>
